<template>
  <el-container class="full">
    <el-header>
      <headerNav></headerNav>
    </el-header>
    <el-container>
      <el-aside width="auto">
        <asideNav></asideNav>
      </el-aside>
      <el-main>
        <slot></slot>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import HeaderNav from "../components/HeaderNav.vue";
import AsideNav from "../components/AsideNav.vue";

export default {
  components: {
    headerNav: HeaderNav,
    asideNav: AsideNav
  }
};
</script>

<style scoped lang="scss">
.el-container {
  min-width: 1400px;
}
.el-header {
  padding: 0;
}
.content {
  min-height: calc(100vh - 294px);
  position: relative;
}
.el-main {
  background: #f8f9fd;
}
</style>
